<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生信息展示</title>
    <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../css/stuTableCss/stuTable.css">
</head>
<body style="background-color: powderblue ;">
    <div class="center">
        <!-- 主页头部检索 -->
        <div class="layui-container layui-container-form" style="margin-top: 50px">
            <form class="layui-form" action="javascript:;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">学号：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="studentId" placeholder="根据学号筛选" class="layui-input">
                            </div>
                            <label class="layui-form-label">姓名：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="studentName" placeholder="根据姓名筛选" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">身份证：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="studentIdNumber" placeholder="根据身份证筛选" class="layui-input">
                            </div>
                            <label class="layui-form-label">创建日期：</label>
                            <div class="layui-input-inline">
                                <input id="dateCk" name="studentCreateDate" placeholder="根据入学时间筛选" class="layui-input">
                            </div>
                    </div>
                <div class="button layui-input-block">
                    <button class="layui-btn layui-btn-warm" lay-submit lay-filter="cz" style="width: 120px;">重置</button>
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="*" style="width: 120px">搜索</button>
                </div>
            </form>
        </div>

        <!--  表格展示-->
        <div class="layui-container layui-container-table" style="margin-top: 48px; margin-bottom: 100px">
            <table id="demo" lay-filter="stuTable"></table>
        </div>
    </div>
</body>


<script src="../../js/jquery-3.6.0.js"></script>
<script src="../../layui/layui.js"></script>
<script src="../../js/stuJs/stuTableJs.js"></script>

<script type="text/html" id="toolbardemo">
    <button class="layui-btn" lay-event="add" style="margin: 0px; width: 100px">新建</button>
    <button class="layui-btn layui-btn-primary" id="dr" style="margin: 0px; width: 100px">导入</button>
    <button class="layui-btn layui-btn-primary" lay-event="dc" style="margin: 0px; width: 100px">导出</button>
    <!--        <button class="layui-btn layui-btn-primary" lay-event="dy" style="margin: 0px; width: 100px">打印</button>-->
    <!--        <button class="layui-btn" lay-event="getCheckData">获取选中行数据</button>-->
    <!--        <button class="layui-btn" lay-event="getCheckLength">获取选中数目</button>-->
    <!--        <button class="layui-btn" lay-event="isAll">验证是否全选</button>-->

</script>

<script type="text/html" id="tooldemo">
    <a href="#" lay-event="ck" style="color: darkorange; margin-right: 10px">详情</a>
    <a href="#" lay-event="jf" style="color: darkorange">交费</a>
    <a href="#" lay-event="del" style="color: red; margin-left: 10px">删除</a>
</script>
</html>